<ion-menu id="customerMenuID" [content]="content" [enabled]="false">
  <ion-header>
    <ion-toolbar color="primary">
      <ion-title>Customer Menu</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>
      <button menuClose ion-item *ngFor="let p of customerPages" (click)="openPage(p)">
        {{p.title}}
      </button>
      <button menuClose ion-item (click)="logout()" *ngIf="customer.check()">Logout</button>
    </ion-list>
  </ion-content>
</ion-menu>
<ion-menu id="employeeMenuID" [content]="content" [enabled]="false">
  <ion-header>
    <ion-toolbar color="primary">
      <ion-title>Employee Menu</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-content>
    <ion-list>
      <button menuClose ion-item *ngFor="let p of employeePages" (click)="openPage(p)">
        {{p.title}}
      </button>
      <button ion-item (click)="logout()" *ngIf="employee.check()">Logout</button>
    </ion-list>
  </ion-content>
</ion-menu>

<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
